<!DOCTYPE html>
<html>

<head>
    <title>Bui 框架 富文本编辑器 SSM框架开发</title>
    <meta charset="UTF-8">
    <meta name="keywords"
        content="富文本编辑器、树形列表、树形控件、树控件、手风琴、拾色器、多文件上传、弹窗组件、模态窗口、双向联动表单、右键菜单、jquery拖动、draggable、datagrid、tree、mvvm、combox、tab" />
    <meta name="description"
        content="Bui editor ui框架是一套前后端分离，包含富文本编辑器、双向联动表单、树形列表、树形控件、模态窗口、手风琴、拾色器、多文件上传、弹窗组件等全功能UI框架。还包括Spring mvc spring mybatis高效开发框架" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />
    <meta name="renderer" content="webkit|ie-stand" />
    <link type="text/css" rel="stylesheet" lang="stylesheet" href="../theme/default/base.css" />
    <script type="text/javascript" src="jq.js"></script>
    <style>
        #testDom{
            position: relative;
            width: 1000px;
            height: 800px;
        }
        #m0001{
            position: absolute;
            top:50px;
            left:50px;
            width: 100px;
            height: 100px;
            background-color: aqua;
        }
    </style>
</head>

<body style="height: 100%;" id="mybody">
    <div>
        <h1>JQ测试</h1>
        <div>
            <button id="mybtn">测试API</button>
        </div>
        <div style="padding:30px;">
            <div id="testDom">
                <div id="m0001">000</div>

            </div>
        </div>
        <script type="text/javascript">
            $(function(){
                console.log("loaded .............");
                $("#mybtn").click(function(){
                    let jq = $("#m0001");
                    let ofs = jq.offset();
                    console.log(ofs);
                //    $.ajax({
                //        url:'fragment.html',
                //        dataType:'html',
                //        success:function(r1,r2){
                //             console.log(r1);
                //        }
                //    });
                });
            });
        </script>
</body>

</html>